@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "PINGFANG";
    src: url('../fonts/pingfang-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/pingfang-regular.eot') format('embedded-opentype'), /* IE6-IE8 */
             /*url('../fonts/pingfang-regular.woff') format('woff'),  Modern Browsers */
             url('../fonts/pingfang-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../fonts/pingfang-regular.svg') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: "tt0005m_";
    src: url('../fonts/tt0005m_.eot'); /* IE9 Compat Modes */
    src: url('../fonts/tt0005m_.eot') format('embedded-opentype'), /* IE6-IE8 */
             /*url('../fonts/tt0005m_.woff') format('woff'),  Modern Browsers */
             url('../fonts/tt0005m_.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('../fonts/tt0005m_.svg') format('svg'); /* Legacy iOS */
}

/* index-title */
.index-title {padding-top: 65px;width: 100%;text-align: center;}
.index-title h2 {color: #333;font-weight: normal;font-size: 40px;font-family: "PINGFANG";}
.index-title h2 a{text-decoration: none;color: #333;font-size: 40px;font-family: "PINGFANG";}
.index-title p{width: 100%;color: #333;font-size: 14px;margin-top: 0px;font-family: "PINGFANG";}



/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:720px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 35px;text-align: center;z-index: 998;}
#flashs .btn span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 60px;height: 2px;background: #cccccc;margin: 0 5px;cursor: pointer;}
#flashs .btn span.cur {background: #003399;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}
 
/* 控制台推荐 */
.recommend{padding-bottom: 50px;padding: 0 2.6%;width: 94.8%;padding-bottom: 50px;}
.recommend .rce-qh{width: 957px;margin: 0 auto;border-radius:23px;overflow: hidden;height: 46px;border: 1px solid #b2b1b1;margin-top: 49px;}
.recommend .rce-qh span{display: block;float: left;}
.recommend .rce-qh span a{display: block;width: 171px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #333;border-left: 1px solid #b2b1b1;}
.recommend .rce-qh span:first-child a{border-left:none;}
.recommend .rce-qh span a.a01{width:130px;}
.recommend .rce-qh span.cur a{background: #1c1b1b;color: #fff;border-bottom: 1px solid #b2b1b1;}
.recommend .rce-qh span:hover a{background: #1c1b1b;color: #fff;}


.rce-bbox{margin-top: 31px;position: relative;width: 100%;}
.rce-neirong-left{width: 50% !important;overflow: hidden;float: left;position: relative;}
.rce-neirong-left ul li{float: left;width: 100%;}
.rce-neirong-left ul li a{display: block;width: 100%;overflow: hidden;}
.rce-neirong-left ul li a img{display: block;width: 100%;overflow: hidden;transition: all 1s ease-out;}
.rce-neirong-left ul li:hover a img{transform: scale(1.1);}


.rce-neirong-right{width: 39.5%;background: url(../images/rce-bj_04.jpg) no-repeat center;float: left;padding: 0 5%;}
.rce-neirong-right h3{text-align: center;margin-top: 16%;}
.rce-neirong-right h3 a{font-size: 35px;color: #fff;font-family: "PINGFANG";}
.rce-neirong-right p{font-size: 18px;color: #fff;font-family: "PINGFANG";line-height: 32px;opacity: 0.6;text-align: center;margin-top: 5%;}

.rce-neirong-right ul{margin-top: 15%;text-align: center;width: 100%;}
.rce-neirong-right ul li{text-align: center;width: 33.3%;float: left;}
.rce-neirong-right ul li:first-child{margin-left: 0;}
.rce-neirong-right ul li span{display: block;width: 88px;height: 88px;margin: 0 auto;background: url(../images/yuan-g.png) no-repeat center;font-size: 35px;color: #fff;line-height: 88px;text-align: center;font-family: "PINGFANG";}
.rce-neirong-right ul li p{margin-top: 15px;font-size: 16px;color: #dddddd;}

.rce-box{position: relative;width: 100%;}
.rce-lbt-anniu{width: 29px;height: 70px;position: absolute;padding-top: 9px;background: url(../images/lbd.png) no-repeat center;left: 50%;margin-left: -14.5px;top: 50%;margin-top: -40px;}
.rce-lbt-anniu span{display: block;width: 10px;height: 10px;margin: 0 auto;background: #909090;border-radius: 50%;margin-top: 7px;}
.rce-lbt-anniu span.cur{background: #504f4f;}
.rce-neirong-right ul li:first-child span{background: url(../images/yuan-j.png) no-repeat center;}

/* 单品配件 */
.accessories{background: #eeeeee;padding-bottom: 65px;}
.accessories-ul{margin-top: 48px;padding: 0 2.6%;}
.accessories ul li{width: 24.45%;padding-bottom: 34px;background: #fff;float: left;margin-left:.7%;margin-top: .7%;}
.accessories ul li:first-child{margin-left:0;}
.accessories ul li:nth-child(5) {margin-left: 0;}
.accessories ul li a{display: block;width: 100%;overflow: hidden;}
.accessories ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.accessories ul li:hover a img{transform: scale(1.1);}
.accessories ul li p{font-size: 16px;color: #333;text-align: center;margin-top: 15px;}
.accessories ul li p a{color: #333;}
.accessories ul li a.a01{display: block;width: 102px;height: 34px;font-size: 14px;color: #999;border: 1px solid #cfcfcf;border-radius: 17px;margin: 0 auto;margin-top: 20px;text-align: center;line-height: 34px;}
.accessories ul li a.a01:hover{color: #fff;background: #333;}


/* 产品工艺 */
.process{padding: 0 2.6%;width: 94.8%;text-align: center;}
.process-nr{position: relative;width: 100%;}
.process-ul{display: block;margin-top: 50px;position: relative;overflow: hidden;width: 100%;}
.process-ul ul{position: relative;}
.process-ul ul li{width: 100%;float: left;}
.process-ul ul li a{display: block;width: 100%;cursor: default;}
.process-ul ul li a img{display: block;width: 100%;}

.process-anniu{position: absolute;bottom: 75px;left: 8%;height: 21px;}
.process-anniu>i{float: left;}
.process-anniu>img{display: block;float: left;margin:0 3px;margin-top: 10px;}
.process-anniu dt{color: #908a8a;float: right;margin-left: 20px;}
.process-anniu span{color: #fff;}
.process-anniu dt em{color: #908a8a;}


/* 工程案例 */
.case{padding: 0 2.5%;background: #f7f7f7;}
.case-daohang dl{text-align: center;margin-top: 48px;}
.case-daohang dl dd{display: inline-block;*display: inline-block;*zoom: 1;margin-left: 16px;}
.case-daohang dl dd:first-child{margin-left: 0;}
.case-daohang dl dd:first-child a{background: none;}
.case-daohang dl dd a{display: block;padding-left: 40px;background: url(../images/case-ht.png) no-repeat left;line-height: 20px;color: #111;}
.case-daohang dl dd a:hover{color: #ff6600;}

.case-ul{margin-top: 26px;width: 100%;overflow: hidden;}
.case-ul ul{width: 100%;}
.case-ul ul li{width: 24.4%;float: left;margin:0 .3%;text-align: center;padding-bottom: 0px;}
.case-ul ul li a{display: block;width: 100%;overflow: hidden;}
.case-ul ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.case-ul ul li:hover a img{transform: scale(1.1);}
.case-ul ul li p{font-size: 16px;color: #333;margin-top: 18px;margin-bottom: 14px;}
.case-ul ul li p a{font-size: 16px;color: #333;}
.case-ul ul li span{font-size: 14px;color: #666;/* display: block; */line-height: 25px;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 47px;}
.case-ul ul li span:first-child{margin-top: 20px;}


/* 客户评价 */
.Reviews{width: 100%;background: #eeeeee;padding-bottom: 70px;}
.Reviews-ul{padding: 0 2.5%;margin-top: 30px;}
.Reviews-ul ul{width: 100%;}
.Reviews-ul ul li{width: 19.5%;float: left;background: #fff;padding-bottom: 28px;margin: 0 .25%;}
.Reviews-ul ul li a{display: block;width: 100%;overflow: hidden;}
.Reviews-ul ul li a img{display: block;width: 100%;transition: all 1s ease-out;}
.Reviews-ul ul li:hover a img{transform: scale(1.1);}
.Reviews-ul ul li p{padding: 0 8%;text-align: center;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 72px;}
.Reviews-ul ul li p a{line-height: 25px;font-size: 14px;color: #666;}
.Reviews-ul ul li a.a01{display: block;font-size: 14px;color: #999;height: 32px; line-height: 32px;width: 100px;margin: 0 auto;margin-top: 26px;border: 1px solid #ededed;border-radius: 50px;text-align: center;}
.Reviews-ul ul li a.a01:hover{background: #000;color: #fff;}

/* 创亿视 核心优势 */
.youshi{width: 100%;padding-bottom: 56px;}
.youshi-box{padding: 0 2.5%;margin-top: 66px;}

.youshi-ul{width: 100%;background: #f7f7f7;border-top: 1px solid #e3e3e3;}
.youshi-left{width: 57%;float: right;height: 100%;display: block;overflow: hidden;}
.youshi-left img{width: 100%;display: block;transition: all 1s ease-out;}
.youshi-left:hover img{transform: scale(1.1);}

.youshi-right{padding-left: 3%; padding-right: 3%; padding-top: 6%;float: left;width: 37%;background: #f7f7f7;height: 100%;}
.youshi-right h3{margin-top: 4%;font-size: 24px;color: #333;}
.youshi-right h3 span{font-weight: normal;}
.youshi-right h4{font-size: 18px;color: #333;font-weight: normal;margin-top: 2%;}
.youshi-right p{font-size: 16px;color: #666;margin-top: 4.5%;}
.youshi-right p.p01{margin-top: 7%;line-height: 25px;}

.youshi-ct{position: relative;}
/* .youshi-qh{position: absolute;top: -45px;width: 286px;left: 50%;margin-left: -240px;} */
.youshi-qh{width: 284px; margin: 0 auto;position: absolute; top: -50px; left: 50%; margin-left: -142px; z-index: 999;}
.youshi-qh ul li{width: 90px;height: 72px;background: url(../images/tuoyuan.png) no-repeat center;text-align: center;padding-top:18px;float: left;margin-left: 7px;}
.youshi-qh ul li:first-child{margin-left: 0;}
.youshi-qh ul li:hover{background:url(../images/tuot-h.png) no-repeat center;color: #fff;}
.youshi-qh ul li span{width: 30px;height: 25px;display: block;margin: 0 auto;margin-bottom: 10px;}
.youshi-qh li .span01{background: url(../images/sj-bj.png) no-repeat top;}
.youshi-qh li:hover .span01{background: url(../images/sj-bj.png) no-repeat bottom;}
.youshi-qh li .span02{background: url(../images/sc.png) no-repeat top;}
.youshi-qh li:hover .span02{background: url(../images/sc.png) no-repeat bottom;}
.youshi-qh li .span03{background: url(../images/yunshu.png) no-repeat top;}
.youshi-qh li:hover .span03{background: url(../images/yunshu.png) no-repeat bottom;}
.youshi-qh li .span04{background: url(../images/anzhuang.png) no-repeat top;}
.youshi-qh li:hover .span04{background: url(../images/anzhuang.png) no-repeat bottom;}
.youshi-qh li .span05{background: url(../images/souhou.png) no-repeat top;}
.youshi-qh li:hover .span05{background: url(../images/souhou.png) no-repeat bottom;}

.youshi-qh li.cur .span01{background: url(../images/sj-bj.png) no-repeat bottom;}
.youshi-qh li.cur .span02{background: url(../images/sc.png) no-repeat bottom;}
.youshi-qh li.cur .span03{background: url(../images/yunshu.png) no-repeat bottom;}
.youshi-qh li.cur .span04{background: url(../images/anzhuang.png) no-repeat bottom;}
.youshi-qh li.cur .span05{background: url(../images/souhou.png) no-repeat bottom;}
.youshi-qh ul li.cur{background:url(../images/tuot-h.png) no-repeat center;color: #fff;}

/* about */
.about{width: 100%;height: 570px;background: url(../images/about_02.jpg) no-repeat center;background-size: 100% 100%;position: relative;}
.about .index-title h2 a{color: #fff;}
.about .index-title p{color: #fff;}
.about>p{color: #fff;width: 960px;margin: 0 auto;text-align: center;line-height: 24px;margin-top: 40px;}

.about-ul{height: 165px;width: 100%;position: absolute;bottom: 0;border-top: 1px solid #a9bfd6;}
.about-ul a{height: 165px;display: block;float: left;}
.about-ul .a01{width: 33%;}
.about-ul a span{color: #fff;font-size: 14px;display: block;text-align: center;padding-top: 60px;width: 160px;}
.about-ul a span i{color: #fff;font-size: 30px}
.about-ul .a01 span{margin-right: 21%;float: right;}
.about-ul  img{margin-right: 6%;float: right;display: block;margin-top: 80px;display: none;}
.about-ul .a02{width: 30%;border-left: 1px solid #a9bfd6;border-right: 1px solid #a9bfd6;}
.about-ul .a02 span{float: right;margin-right: 21%;}
.about-ul .a03{width: 36.8%;}
.about-ul .a03 span{width: 40%;float: left;margin-left: 6%;}
.about-ul a:hover{background: #000;}
.about-ul a:hover img{display: block;}
.about-ul .a03 img{float: left;display: block;margin-top: 80px;display: none;}
.about-ul .a02 img{float: right;display: block;margin-top: 80px;display: none;}




.about-bofang{display: block;width: 73px;height: 73px;background: url(../images/bofang.png) no-repeat center;position: absolute;left: 50%;margin-left: -37px;top: 360px;cursor: pointer;}

.about-video{position: fixed;left: 0;top: 0;z-index: 99999;width: 100%;height: 100%;display: none;}
.about-video .sp{ width:1100px; height:500px; border:5px solid #fff; position:absolute; z-index:5; left:50%; top:50%; margin-left:-555px; background-color:#000; display:block; border-radius:5px;z-index: 99;margin-top: -250px;}
.about-video .sp img{ width:1100px; height:500px; }
.about-video .sp .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px;width:25px;height:25px;}











/* 合作伙伴 */
.partners{width: 100%;padding-bottom: 70px;background: url(../images/partners_06.jpg) no-repeat center;background-size: 100% 100%;}
.partners .partners-ul{margin-top: 15px;}
.partners .partners-ul ul li{background: #ffffff; border: 1px solid #e5e2e2;width: 24%;float: left;margin:0 .5%;margin-top: 16px;box-sizing: border-box;}
.partners .partners-ul ul li a{display: block;width: 100%;overflow: hidden;}
.partners .partners-ul ul li a img{padding: 0 10px; box-sizing: border-box; display: block;width: 100%;transition: all 1s ease-out;}
.partners .partners-ul ul li:hover a img{transform: scale(1.1);}
.partners h3{font-size: 34px;color: #000;font-family: "PINGFANG";text-align: center;margin-top: 45px;}
.partners p{font-size: 16px;color: #000;font-family: "PINGFANG";text-align: center;margin-top: 1px;}


/* 需求 */
.demand{width: 100%;height: 380px;background: url(../images/demand_07.jpg) no-repeat center;}
.demand-ct{width: 1200px;margin: 0 auto;}
.demand-ct .index-title{padding-top: 37px;}
.demand-ct .index-title h2{color: #fff;font-size: 45px}
.demand-ct .index-title h2 span{font-weight: bold;}
.demand-ct .index-title h2 i{font-size: 75px;color: #fff;font-family: "tt0005m_";position: relative;}
.demand-ct .index-title h2 i img{display: block;width: 27px;height: 27px;position: absolute;right: 11px;bottom: 21px;}
.demand-ct .index-title p{font-size: 20px;color: #fff;font-family: "PINGFANG";margin-top: -5px;}

.deman-input{margin-top: 50px;}
.deman-input p{float: left;margin-right: 10px;}
.deman-input p input{width: 238px;height: 48px;line-height: 48px;text-indent: 20px;background: #fff;font-size: 14px;color: #666;border: none;outline: none;border-radius:24px; }
.deman-input a{display: block;width: 140px;height: 48px;line-height: 48px;background: #003399;font-size: 14px;color: #fff;border-radius:24px;float: left;text-align: center;}
.deman-input a:hover{color: #fff;background: #ff6600;}

/* news */
.news{}
.news-box{margin-top: 30px;margin-bottom: 40px;}
.news-left{width: 47%;float: left;margin-left: 1%;}
.news-left ul{width: 100%;display: block;}
.news-left ul li{margin-bottom: 42px;}
.news-left ul li a{width: 39%;display: block;float: left;margin-right: 4%;overflow: hidden;}
.news-left ul li a img{width: 100%;display: block;transition: all 1s ease-out;}
.news-left ul li:hover a img{transform: scale(1.1);}
.news-left ul li h3{float: left;width:55%;line-height: 30px;}
.news-left ul li h3 a{font-size: 16px;color: #333;display: block;width: 100%;}
.news-left ul li span{display: block;font-size: 13px;color: #999;}
.news-left ul li p{float: left;width: 57%;margin-top: 13px;}
.news-left ul li p a{display: block;font-size: 14px;color: #666;line-height: 28px;width: 100%;}
.news-left ul li a:hover{color: #ff6600;}
.news-left ul li a.a01{display: block;width: 59px;height: 21px;float: left;background: url(../images/youjt.png) no-repeat center;margin-top: 28px;}
.news-left ul li:hover a.a01{margin-left: 5px;}


.news-right{width: 32.3333%;float: right;margin-right: 1%;}
.news-right:first-child {
    margin-right: 0;
}

.news-right ul{width: 100%;}
/* .news-right ul li{margin-bottom: 30px;} */
.news-right ul li{margin-bottom: 0px;}
.news-right ul li a:hover{color: #ff6600;}
/* .news-right ul li span{display: block;width: 122px;height: 75px;border: 1px solid #e2e1e1;text-align: center;padding-top: 10px;float: left;margin-right: 20px;}
.news-right ul li span i{font-size: 35px;color: #666;}
.news-right ul li span>p{font-size: 14px;color: #666;} */
.news-right ul li h3{width: 370px;overflow: hidden; position: relative; font-weight: normal;}
.news-right ul li h3 a{font-size: 16px;color: #333;line-height: 29px;}
.news-right ul li h3 span {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 16px;
    line-height: 32px;
}
.news-right ul li>p{width: 73%;overflow: hidden;margin-top: 5px;height: 50px;}
.news-right ul li>p a{font-size: 14px;color: #666;line-height: 25px;}
.news-right ul li:hover span{color: #ff6600;}
.news-right ul li:hover span i{color: #fff;}
.news-right ul li:hover span p{color: #fff;}


/* links */
#ucFooter_plPartner {
    padding: 10px 0;
}
#ucFooter_plPartner .footer-link {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    min-width: 1200px;
}
#ucFooter_plPartner .footer-link dl dt {
    float: left;
    color: #111;
}
#ucFooter_plPartner .footer-link dl dt a {
    float: left;
    color: #111;
}
#ucFooter_plPartner .footer-link dl dd {
    float: left;
    margin-right: 5px;
}
#ucFooter_plPartner .footer-link dl dd a {
    color: #111;
}


/* 侧边 */
.ImTable {
    display: none;
}


/* 版心 */
.rce-bbox {
    max-width: 1400px;
    margin: 31px auto 0;
}
.youshi-box {
    padding: 0 2.5%;
    margin-top: 66px;
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 66px;
}